<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/moren.css">
    <link rel="stylesheet" href="./css/./gouwuche.css">
    <link rel="stylesheet" href="./css/fenlei.css">
    <link rel="stylesheet" href="./css/Swiper.css">
    <script src="./js/flexible.js"></script>
    <script src="./js/jquery.min.js"></script>
    <script src="./js/Swiper.js"></script>
    <title>购物车</title>
</head>

<body>
    <div class="box-gwc">
        <!-- 头部 -->
        <div class="header">
            <a href="./wode.html">
                <img class="img1" src="./images/web_购物车/路径 5426@2x.png" alt="">
            </a>
            <span class="sp1">购物车</span>
            <span class="sp2">共108件宝贝</span>
            <img class="img2" src="./images/web_购物车/a.png" alt="">
        </div>
        <!-- 购物车 -->
        <div class="shangpin">
            <label class="input" for="inp2">
                <input type="checkbox" name="" id="inp2">
            </label>
            <label class="sj" for="inp2">
                <img src="./images/web_购物车/sj.jpg" alt="" title="值得拥有">
            </label>
            <div class="ti">
                <p class="p1">分期免息 Qianku/屏锅 qian..</p>
                <p class="p2">官方标配 | 暗夜黑 | 内存6/8GB</p>
                <div class="p3"><b>￥1200.00</b>
                    <div class="btn">
                        <button>-</button>
                        <div>0</div>
                        <button style="background-color:#fd444c ;color: #fff">+</button>
                    </div>
                </div>
            </div>
        </div>
        <div class="shangpin">
            <label class="input" for="inp3">
                <input type="checkbox" name="" id="inp3">
            </label>
            <label class="sj" for="inp3">
                <img src="./images/web_购物车/xiaolong.png" alt="">
            </label>
            <div class="ti">
                <p class="p1">麻辣香锅龙虾套选组合装</p>
                <p class="p2">麻辣小龙虾 | 品牌店</p>
                <div class="p3"><b>￥12340.00</b>
                    <div class="btn">
                        <button>-</button>
                        <div>0</div>
                        <button style="background-color:#fd444c ;color: #fff">+</button>
                    </div>
                </div>
            </div>
        </div>
        <div class="shangpin">
            <label class="input" for="inp4">
                <input type="checkbox" name="" id="inp4">
            </label>
            <label class="sj" for="inp4">
                <img src="./images/web_购物车/sj.jpg" alt="">
            </label>
            <div class="ti">
                <p class="p1">分期免息 Qianku/屏锅 qian..</p>
                <p class="p2">官方标配 | 暗夜黑 | 内存6/8GB</p>
                <div class="p3"><b>￥1200.00</b>
                    <div class="btn">
                        <button>-</button>
                        <div>0</div>
                        <button style="background-color:#fd444c ;color: #fff">+</button>
                    </div>
                </div>
            </div>
        </div>
        <div class="shangpin">
            <label class="input" for="inp5">
                <input type="checkbox" name="" id="inp5">
            </label>
            <label class="sj" for="inp5">
                <img src="./images/web_购物车/xiaolong.png" alt="">
            </label>
            <div class="ti">
                <p class="p1">麻辣香锅龙虾套选组合装</p>
                <p class="p2">麻辣小龙虾 | 品牌店</p>
                <div class="p3"><b>￥12340.00</b>
                    <div class="btn">
                        <button>-</button>
                        <div>0</div>
                        <button style="background-color:#fd444c ;color: #fff">+</button>
                    </div>
                </div>
            </div>
        </div>
        <div class="shangpin">
            <label class="input" for="inp6">
                <input type="checkbox" name="" id="inp6">
            </label>
            <label class="sj" for="inp6">
                <img src="./images/web_购物车/sj.jpg" alt="">
            </label>
            <div class="ti">
                <p class="p1">分期免息 Qianku/屏锅 qian..</p>
                <p class="p2">官方标配 | 暗夜黑 | 内存6/8GB</p>
                <div class="p3"><b>￥1200.00</b>
                    <div class="btn">
                        <button>-</button>
                        <div>0</div>
                        <button style="background-color:#fd444c ;color: #fff">+</button>
                    </div>
                </div>
            </div>
        </div>
        <div class="shangpin">
            <label class="input" for="inp7">
                <input type="checkbox" name="" id="inp7">
            </label>
            <label class="sj" for="inp7">
                <img src="./images/web_购物车/xiaolong.png" alt="">
            </label>
            <div class="ti">
                <p class="p1">麻辣香锅龙虾套选组合装</p>
                <p class="p2">麻辣小龙虾 | 品牌店</p>
                <div class="p3"><b>￥12340.00</b>
                    <div class="btn">
                        <button>-</button>
                        <div>0</div>
                        <button style="background-color:#fd444c ;color: #fff">+</button>
                    </div>
                </div>
            </div>
        </div>
        <!-- 提交订单 -->
        <div class="tijiao">
            <label class="input" for="text">
                <input type="checkbox" name="" id="text">
                <span>全选</span>
            </label>
            <div class="zongji">
                <span>总计</span>
                <span><i>￥</i> <b>2400.00</b> </span>
            </div>
            <a href="./dingdanxingqing.html" class="tijiaodingdan">
                <button>提交订单</button>
            </a>
        </div>
        <!-- 底部nav -->
        <div class="di-nav">
            <ul>
                <li>
                    <img src="./images/web_我的/home-1@2x.png" alt="首页">
                    <a href="./index.html">首页</a>
                </li>
                <li>
                    <img src="./images/web_购物车/classify-1@2x.png" alt="">
                    <a href="./fenlei.html">分类</a>
                </li>
                <li>
                    <img src="./images/web_购物车/shop-2@2x.png" alt="">
                    <a href="./gouwuche.html">购物车</a>
                </li>
                <li>
                    <img src="./images/web_我的/mine-1@2x.png" alt="">
                    <a href="./wode.html">我的</a>
                </li>
            </ul>
        </div>
    </div>
</body>

</html>